Sub-theme
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/other/ControlBar Properties/ControlBar properties/Items/Button Settings for Button-Toggle/Sub-theme.xml
Sets the sub-theme for a button-toggle in a control-bar control.
The ControlBar Control
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Other Controls/ControlBar/The ControlBar Control.xml
An overview of the ControlBar Control, its methods, and the concepts behind it. ControlBar controls are an easy way to organize buttons in panel headers when building Mobile applications.
Adding a Button-Toggle to a ControlBar
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Other Controls/ControlBar/Adding a Button-Toggle to a ControlBar.xml
You can add a Button-Toggle to a ControlBar. Toggle buttons can either be two-state (switching between a true and a false state), or multi-state (each click advances to the next button state). The video shows how the state of a Button-Toggle is used to control what action a button performs when clicked.
Local sub-theme definitions - CSS
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/UX_Properties/Local subtheme definitions CSS.xml
Define the CSS for any locally defined sub-themes. Sub-themes are used to create a custom appearance for certain types such as windows, buttons, tabs, accordions, sliders, switches, etc.
Button Settings for Button-Toggle
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/other/ControlBar Properties/ControlBar properties/Items/Button Settings for Button-Toggle/index.xml
These settings are used to specify the styling on a button-toggle button.
Button-Toggle Settings
/documentation/pages/Guides/Mobile and Web Components/UX/Controls/Props/other/ControlBar Properties/ControlBar properties/Items/Button-Toggle Settings/index.xml
The Button-Toggle Settings allow you to specify various aspects of the button-toggle item; such as whether the button-toggle will switch between two buttons (Two State) or more than two buttons (Multi-state) when a user clicks on it. These settings also allow for the definition of a 'Data variable'. This can be used as a hook that enables the button-toggle to interact with other controls, like a list control.
Local sub-theme definitions - Javascript
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/UX_Properties/Local subtheme definitions Javascript.xml
Define the Javascript for any locally defined sub-themes. Sub-themes are used to create custom appearance of certain control types such as windows, buttons, tabs, accordions, sliders. switches, etc.
Style sub-theme and CSS 'tweaks'
/documentation/pages/Guides/Mobile and Web Components/UX/Properties/UX_Properties/Style subtheme and CSS tweaks.xml
Define style tweaks, sub-theme, or CSS to augment or override definitions in the web theme.
A5.ControlBar.Item Button Toggle Object
/documentation/pages/Ref/Client_Api/A5/ControlBar_class/Item Button Toggle_object/index.xml
Definition of a toggle button.
UX Component - User-Defined Sub-Themes
/documentation/pages/Guides/Mobile and Web Components/UX/Code/Javascript In UX Components/User-Defined Sub-Themes.xml
Most of the Javascript controls on a UX component support the concept of 'sub-themes'. This topic discusses how user-defined sub-themes can be added to a UX component.